<template>
  <div class="header">
    <div class="header_c inner_c">
      <h1 class="logo">青竹商城</h1>
      <dl class="allType">
        <dt><router-link to="/allproducts">查看所有类型</router-link></dt>
        <dd>
          <div class="dd_inn">
            <ul class="dd_cont">
              <li><a href="#">不锈钢</a></li>
              <li><a href="#">原料水泥</a></li>
              <li><a href="#">塑料</a></li>
              <li><a href="#">木质</a></li>
              <li><a href="#">陶瓷</a></li>
            </ul>
            <ul class="pro">
              <li>
                <a href="#">
                  <div class="pic">
                    <img src="images/img25.png" alt="">
                  </div>
                  <div class="content">
                    <h3>简约木质餐盘</h3>
                    <span>￥200</span>
                  </div>
                </a>
                <div class="mask">
                  <a href="#" class="btn">查看详情</a>
                </div>
              </li>
              <li>
                <a href="#">
                  <div class="pic">
                    <img src="images/img26.png" alt="">
                  </div>
                  <div class="content">
                    <h3>简约木质餐盘</h3>
                    <span>￥200</span>
                  </div>
                </a>
                <div class="mask">
                  <a href="#" class="btn">查看详情</a>
                </div>
              </li>
              <li>
                <a href="#">
                  <div class="pic">
                    <img src="images/img27.png" alt="">
                  </div>
                  <div class="content">
                    <h3>简约木质餐盘</h3>
                    <span>￥200</span>
                  </div>
                </a>
                <div class="mask">
                  <a href="#" class="btn">查看详情</a>
                </div>
              </li>
            </ul>
          </div>
        </dd>
      </dl>
      <ul class="nav">
        <li><router-link to="/index">首页</router-link></li>
        <li><router-link to="/allproducts">所有产品</router-link></li>
        <li><router-link to="/personalcenter">个人中心</router-link></li>
      </ul>
      <a href="#" class="search" />
      <div class="reg">
        <div class="ico">
          <span class="ico_c" />
          <div class="settle">
            <p class="con">0件商品 共计：<span>￥0</span></p>
            <router-link to="/shoppingcart">结算</router-link>
          </div>
          <span class="con"> 0 </span>
        </div>
        <div class="reg_c">
          <router-link to="/login">登入</router-link>
          <span>&nbsp;|&nbsp;</span>
          <router-link to="/register">注册</router-link>
        </div>
      </div>
    </div>
  </div>

</template>

<script>
export default {

}
</script>

<style>

</style>
